html,
body {
  width: 100%;
  height: 100%;
  background-color: #3b496c;
}
html .box,
body .box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .box .regist-box,
body .box .regist-box {
  width: 400px;
  height: 600px;
  background-color: #f2f1f3;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .box .regist-box .content-box,
body .box .regist-box .content-box {
  width: 85%;
  height: 85%;
}
html .box .regist-box .content-box .title,
body .box .regist-box .content-box .title {
  margin-bottom: 30px;
}
html .box .regist-box .content-box .list-box,
body .box .regist-box .content-box .list-box {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
html .box .regist-box .content-box .list-box input,
body .box .regist-box .content-box .list-box input {
  width: 70%;
  height: 25px;
  border: 0;
  border-radius: 5px;
  padding-left: 10px;
}
html .box .regist-box .content-box .list-box label,
body .box .regist-box .content-box .list-box label {
  width: 30%;
}
html .box .regist-box .content-box .list-box .btn-box,
body .box .regist-box .content-box .list-box .btn-box {
  width: 70%;
  display: flex;
  height: 50px;
  align-items: center;
}
html .box .regist-box .content-box .list-box .btn-box input,
body .box .regist-box .content-box .list-box .btn-box input {
  width: 50%;
  height: 50%;
  border-radius: 5px;
  padding-left: 10px;
}
html .box .regist-box .content-box .list-box .btn-box button,
body .box .regist-box .content-box .list-box .btn-box button {
  display: block;
  width: 50%;
  height: 50%;
  margin-left: 15px;
}
html .box .regist-box .content-box button,
body .box .regist-box .content-box button {
  width: 100%;
  height: 50px;
  color: white;
  background-color: #bdcefc;
  border: none;
  border-radius: 20px;
}
html .box .regist-box .content-box .footer,
body .box .regist-box .content-box .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
html .box .regist-box .content-box .footer label,
body .box .regist-box .content-box .footer label {
  font-size: 12px;
  padding-left: 10px;
}
html .box .regist-box .content-box .footer label span,
body .box .regist-box .content-box .footer label span {
  color: blue;
}
